<template>
  <div class="sidebar_container">
    <div class="menu_wrapper">
      <dl>
        <dt class="first">
          <router-link to="/dashboard" tag="a">
            <svg-icon icon-class="home"></svg-icon>
            &#32;<span>首页</span>
          </router-link>
        </dt>
      </dl>
    </div>
    <div class="menu_wrapper">
      <dl>
        <dt>
          <svg-icon icon-class="shoppingCard"></svg-icon>
          &#32;<span>主要业务</span>
        </dt>
        <dd>
          <router-link to="/dashboard/articles">博文</router-link>
        </dd>
        <dd>
          <router-link to="/dashboard/users">用户</router-link>
        </dd>
      </dl>
    </div>
    <div class="menu_wrapper">
      <dl>
        <dt>
          <svg-icon icon-class="shoppingCard"></svg-icon>
          &#32;<span>合作管理</span>
        </dt>
        <dd>
          <router-link to="/dashboard/cooperationManger/centralKitchenManage">中央厨房</router-link>
        </dd>
      </dl>
    </div>
    <div class="menu_wrapper">
      <dl>
        <dt>
          <svg-icon icon-class="set"></svg-icon>
          &#32;<span>运营管理</span>
        </dt>
        <dd>
          <router-link to="/dashboard/operationManger/orderManage">订单</router-link>
        </dd>
        <dd>
          <router-link to="/dashboard/operationManger/menuManage">菜谱</router-link>
        </dd>
      </dl>
    </div>
    <div class="menu_wrapper">
      <dl>
        <dt>
          <svg-icon icon-class="nested"></svg-icon>
          &#32;<span>配置管理</span>
        </dt>
        <dd><router-link to="/dashboard/configManage/goodsCategory" tag="a">商品分类</router-link></dd>
      </dl>
    </div>
    <div class="menu_wrapper">
      <dl>
        <dt>
            <svg-icon icon-class="tree"></svg-icon>
          &#32;<span>系统管理</span>
        </dt>
        <dd><router-link to="/dashboard/systemManager/directiveSet">指令集</router-link></dd>
      </dl>
    </div>
  </div>
</template>

<script>
export default {
  name: 'SliderBar',
  data() {
    return {};
  },
  mounted() {

  },
  watch: {
    /*$route() {
      if (!this.$cookie.get('user')) {
        this.$router.push('/login');
      }
    }*/
  }
};
</script>

<style scoped>
  .sidebar_container{
    flex: 2;
    padding-left: 50px;
    margin-top: 20px;
    min-width: 150px;
  }
  .menu_wrapper{
    margin: 20px 0;
  }
  .menu_wrapper dt,dd{
    font: normal 400 16px/40px '微软雅黑';
  }
  .menu_wrapper span{
    font-size: 14px;
  }
  dt>span{
    vertical-align: top;
  }
  dt.first{
    line-height: 20px;
  }
  dd{
    padding-inline-start: 24px;
    font: normal 400 14px/40px '微软雅黑';
  }
</style>
